/* ========================================
Шаблон оформления уроков внутри
======================================== */


/* ========================================
Карточка урока, где весь контент урока
======================================== */

.lite-page.block-set {
    background: var(--lesson-zoloto-card-background);
    border-top: var(--traning-zoloto-border-top); /* Верхняя обводка */
    border-right: var(--traning-zoloto-border-right); /* Правая обводка */
    border-bottom: var(--traning-zoloto-border-bottom)!important; /* Нижняя обводка */
    border-left: var(--traning-zoloto-border-left); /* Левая обводка*/
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    backdrop-filter: blur(0.5);
    -webkit-backdrop-filter: blur(15.5254px);
    margin: 10px auto;
}

/*Цвет текста и заголовков урока*/

.lite-block-live-wrapper.o-lt-onecolumn.o-lt-onecolumn-common,
.block-set .f-text,
.f-header.f-header.f-lesson-header-1{
    color:var(--lesson-zoloto-card-color-text);

}

.f-header.f-header.f-lesson-header-1,
.lite-block-live-wrapper.o-lt-onecolumn.o-lt-onecolumn-common,
.block-set .f-header{
    font-family: var(--traning-zoloto-font-family-header) !important;
}


.block-set .f-text{
    font-family: var(--traning-zoloto-font-family-text)!important;
}



/* ========================================
Индивидуальные стили для блоков
======================================== */

/* Шапка урока */
.lesson-header-block.row-section {
    background: var(--lesson-zoloto-header-background)!important; 
    border-top: var(--traning-zoloto-border-top); /* Верхняя обводка */
    border-right: var(--traning-zoloto-border-right); /* Правая обводка */
    border-bottom: var(--traning-zoloto-border-bottom)!important; /* Нижняя обводка */
    border-left: var(--traning-zoloto-border-left); /* Левая обводка*/
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/

}




/* ========================================
Название урока
======================================== */
.lesson-header-block h2.lesson-title-value
{
    font-family: var(--traning-zoloto-font-family-header) !important;
    font-size: var(--lesson-zoloto-header-lesson-font-size) !important;
    background: var(--lesson-zoloto-header-lesson-background);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
}


.lesson-header-block h2.lesson-title-value {
    text-transform: none !important;
    height: auto;
}


/* ========================================
Описание урока
======================================== */

.lesson-header-block span.lesson-description-value {
    font-family: var(--traning-zoloto-font-family-text) !important;
    font-size: var(--lesson-zoloto-description-font-size) !important;
    background: var(--lesson-zoloto-description-color) !important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important;
    text-fill-color: transparent!important;

}


/* ========================================
Навигация
======================================== */



/*Надпись о номере урока и коливе всего и название следующих и предыдущих уроков*/
.gc-main-content .lesson-navigation td.text-center.hidden-xs > span,
.lesson-navigation .hidden-xs{
    color:var(--lesson-zoloto-info-color);
    font-family: var(--traning-zoloto-font-family-text)!important;
    font-weight: 400;
    margin-top: 10px;


}




/*Кнопки навигации*/
.lesson-navigation td:first-child a, .lesson-navigation td:first-child a:hover {
    background: var(--lesson-zoloto-navigation-background);
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    color: var(--lesson-zoloto-navigation-text-color) !important;
    font-size: var(--lesson-zoloto-navigation-font-size) !important;
    border: var(--lesson-zoloto-navigation-border1);
    line-height: 1;
    padding: var(--lesson-zoloto-navigation-padding);
    align-items: center;
    width: max-content;
    min-width: 170px;
    margin-bottom:10px; 


}




.lesson-navigation td:last-child a, .lesson-navigation td:last-child a:hover {
    background: var(--lesson-zoloto-navigation-background2);
    color: var(--lesson-zoloto-navigation-text-color) !important;
    font-size: var(--lesson-zoloto-navigation-font-size) !important;
    border: var(--lesson-zoloto-navigation-border2);
    line-height: 1;
    padding: var(--lesson-zoloto-navigation-padding);
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    align-items: center;
    width: max-content;
    min-width: 170px;

}









/* ========================================
"Задание" в уроке и комментарии
======================================== */


/* Заголовок задания */
.lt-lesson-mission-block h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: var(--lesson-zoloto-homework-head-color) !important;
    font-family: var(--traning-zoloto-font-family-header) !important;
    font-weight: 400;
}

/* Плашка задания */
.answer-form,
.lesson-mission-wrapper,
.user-answer.marked {
    border-radius: var(--traning-zoloto-border-radius);
    border: none;
}

/* блок  Домашнее задание */
.answer-form, .self-answers .user-answer {
    background: var(--lesson-zoloto-homework-background) !important;
    border: var(--traning-zoloto-homework-border);
    border-radius:  0 0 var(--traning-zoloto-border-radius) var(--traning-zoloto-border-radius);
    color: var(--lesson-zoloto-homework-text-color) !important;
}


.lesson-mission-wrapper .lesson-mission-text {
    color: var(--lesson-zoloto-homework-text-color-dz-info);
    border: var(--traning-zoloto-homework-border);
    border-radius: var(--traning-zoloto-border-radius) var(--traning-zoloto-border-radius) 0 0;

}

.user-answer .answer-content .answer-text {
    color: var(--lesson-zoloto-homework-text-color-dz);
}


/*Текст в тестах*/
.testing-widget {
    color: var(--lesson-zoloto-homework-text-color-dz)!important;
}

/* блок  комментарии */
.simple-answer, .can-control-extended {
    background: var(--lesson-zoloto-comments-background) !important;
    border: var(--traning-zoloto-comments-border);
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    color: var(--lesson-zoloto-comments-text-color) !important;

}

div#answers {
    color: var(--lesson-zoloto-link-color);
}

.lesson-answers-title h3,
.lesson-answers-title h3 a,
.lesson-answers-title h3 a:hover{
    color: var(--lesson-zoloto-comments-header-color)!important;
}

.lesson-answers-title a{
    font-family: var(--traning-zoloto-font-family-header) !important;
}

/*Аватар*/

.answer-form img,
.simple-answer img,
img.user-profile-image,
.comments-tree .user-image-wrapper img{
    border-radius: var(--lesson-zoloto-avatar-border-radius) !important;
}

/*Форма после отправки задания и комментариев*/

.lt-lesson-comment-block .row.row-section{
    margin-bottom: 0px!important;

}

.simple-answer.user-answer {
    margin-bottom: 10px!important; 

}

.other-answers.answers-list .answer-text.emoji-text,
.user-answer .answer-content .answer-text,
.other-answers.answers-list .lesson-answer-comment,
.type-mission_answer .lesson-answer-comment{
    color: var(--lesson-zoloto-card-color-text);
    background: var(--lesson-zoloto-card-background);
    padding: 10px;
    border-radius: var(--traning-zoloto-border-radius);
}


/* ========================================
Кнопки
======================================== */

/* Кнопка Отправить ответ и отправить комментарий */
.lt-lesson-mission-block .btn-primary,
.new-comment.active .btn-send{
    background: var(--lesson-zoloto-btn-accent-background2);
    border: var(--lesson-zoloto-btn-accent-border2);/* Цвет обводки  кнопки */
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    font-family: var(--traning-zoloto-font-family-text) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-zoloto-btn-font-size) !important;
    line-height: 1;
    text-align: center;
    color: var(--lesson-zoloto-btn-accent-text-color2) !important;
    padding: 8px 16px;
    min-height: 40px !important;
    text-transform: none !important;
}



/* Кнопка отправить новый ответ, если задание не принято */
.comment-form-wrapper .new-comment.active .btn-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment-form-wrapper .new-comment.active .btn-send .fa.fa-send:before,
.comment-form-wrapper .new-comment.active .btn-send{
    color: var(--lesson-zoloto-btn-accent-text-color2) !important;
}

/* Кнопка Сохранить черновик */
.answer-form-inner button.btn.btn-link.btn-save-draft,
.answer-form .btn-save-draft {
    background: var(--lesson-zoloto-btn-secondary-background2) !important;
    border: var(--lesson-zoloto-btn-secondary-border2); /* обводка */
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    font-family: var(--traning-zoloto-font-family-text) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-zoloto-btn-font-size) !important;
    line-height: 1;
    color: var(--lesson-zoloto-btn-secondary-text-color2) !important;
    padding: 8px 16px;
    min-height: 40px !important;
    text-decoration: none !important;
    text-transform: none !important;
}

.user-answer a {
    color: var(--lesson-zoloto-link-student-name-color) !important;
}

/* Основные кнопки */
.btn.f-btn,
.testing-widget .before-start-block .start-btn{
    background: var(--lesson-zoloto-btn-accent-background) !important;
    border-top: var(--traning-zoloto-border-top); /* Верхняя обводка */
    border-right: var(--traning-zoloto-border-right); /* Правая обводка */
    border-bottom: var(--traning-zoloto-border-bottom); /* Нижняя обводка */
    border-left: var(--traning-zoloto-border-left); /* Левая обводка*/
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    font-family: var(--traning-zoloto-font-family-text);
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-zoloto-btn-font-size) !important;
    line-height: 1;
    color: var(--lesson-zoloto-btn-accent-text-color) !important;
    padding: 15px 20px !important;
    min-height: 50px !important;
    text-transform: none !important;
}

/* Дополнительные кнопки */
.btn_2 .btn.f-btn {
    background: var(--lesson-zoloto-btn-secondary-background) !important;
    border: var(--lesson-zoloto-btn-secondary-border); /* обводка */
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    font-family: var(--traning-zoloto-font-family-text);
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-zoloto-btn-font-size) !important;
    line-height: 1;
    padding: 15px 20px !important;
    min-height: 50px !important;
    color: var(--lesson-zoloto-btn-secondary-text-color) !important;
    text-transform: none !important;
}

.btn_vhod,
.btn_register,
.btn_vhod:hover,
.btn_register:hover,
.btn_vhod:focus,
.btn_register:focus,
.btn_vhod:active,
.btn_register:active,
button.btn.btn-primary,
.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success:hover {
    text-transform: none !important;
}

/* ========================================
Анимации
======================================== */
.btn.f-btn, 
.new-comment.active .btn-send, 
.answer-form-inner button.btn.btn-link.btn-save-draft, 
.answer-form .btn-save-draft, 
.btn_2 .btn.f-btn, 
button.btn.btn-primary {
    -webkit-transition: var(--lesson-zoloto-transition);
    -o-transition: var(--lesson-zoloto-transition);
    transition: var(--lesson-zoloto-transition);
}

.f-btn:hover{
    -webkit-transition: var(--lesson-zoloto-transition);
    -o-transition: var(--lesson-zoloto-transition);
    transition: var(--lesson-zoloto-transition);
    -webkit-transform: var(--lesson-zoloto-transform-hover);
    -ms-transform: var(--lesson-zoloto-transform-hover);
    transform: var(--lesson-zoloto-transform-hover);
}

/* ========================================
Адаптация для мобильных устройств
======================================== */


@media (max-width: 995px) {
    .answer-form-inner button.btn.btn-link.btn-save-draft,
    .answer-form .btn-save-draft {
        margin-left: 0;
        margin-top: 0px;
    }
}

@media (max-width: 991px) {
    .gc-main-content div.lesson-header-block.row-section > div.row.header-view{
        height: 100px;
    }


    .gc-main-content  h2.lesson-title-value,
    .f-header.f-header.f-lesson-header-1, .f-header,
    .lt-lesson-mission-block h{
        font-size: 25px;
    }

    .gc-main-content .lesson-header-block .row.lesson-navigation {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-width:100%;
        width: 100%;
        margin-top: 0px;
        margin: 0 auto 10px;
    }

    .gc-main-content .lesson-header-block .row.lesson-navigation td {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: max-content!important;
        margin: 10px auto;
        padding:0!important;
    }

    .gc-main-content .lesson-navigation td a {
        justify-content: space-evenly;
    }

    .gc-main-content h2.lesson-title-value,
    .f-header.f-header.f-lesson-header-1{
        text-align: center !important;
    }


    .btn.f-btn{
        font-size: 20px;
    }

    .lesson-status.user-state-reached,
    .lesson-status.user-state-has_mission,
    .lesson-status.user-state-answered,
    .lesson-status.user-state-accomplished,
    .lesson-status.user-state-declined {
        text-align: center !important;
        top: -10px !important;
        position: relative;
    }
}

@media (max-width: 767px) {
    .gc-main-content .lesson-header-block .hidden-xs  {
        display: block !important;
    }
}




@media (max-width: 390px) {


    /* Кнопки домашнего задания */
    .lt-lesson-mission-block .btn-primary,
    .answer-form-inner button.btn.btn-link.btn-save-draft,
    .answer-form .btn-save-draft {
        font-size: 15px !important;
    }

    .gc-main-content.with-left-menu .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media (max-width: 320px) {
    .lt-lesson-mission-block .btn-primary,
    .answer-form-inner button.btn.btn-link.btn-save-draft,
    .answer-form .btn-save-draft {
        font-size: 15px !important; 
    }

}

/* ========================================
Адаптация под приложение
======================================== */
/* Название урока*/
.chatium_body .lesson-title h2 {
    background: var(--lesson-zoloto-header-lesson-background_mobail);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/*Цвет описания в чатиум*/
.chatium_body .lesson-title {
    background: var(--lesson-zoloto-description-color-mobail);
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important;
    text-fill-color: transparent!important;

}

/* Кнопки домашнего задания */
.chatium_body .lt-lesson-mission-block .btn-primary,
.chatium_body .answer-form-inner button.btn.btn-link.btn-save-draft,
.chatium_body .answer-form .btn-save-draft {
    font-size: 14px !important;
    padding: 10px;
}

/* Вид кнопок навигации в чатиум */
.chatium_body .mode-selector {
    border: 1px solid var(--lesson-zoloto-link-color) !important;
    border-radius:  var(--traning-zoloto-border-radius);
    font-family: var(--traning-zoloto-font-family-text) !important;
}

.chatium_body .mode-selector .link {
    border-right: 1px solid var(--lesson-zoloto-link-color) !important;
    color: var(--lesson-zoloto-btn-secondary-text-color-mobail) !important;
}

.chatium_body .mode-selector .link.active {
    background: var(--lesson-zoloto-btn-accent-background) !important;
    color: var(--lesson-zoloto-btn-accent-text-color) !important;
}

.chatium_body a.link {
    color: var(--lesson-zoloto-btn-secondary-text-color-mobail) !important;
}

.chatium_body > div:nth-child(6) > div:nth-child(1) > a,
.chatium_body > div:nth-child(6) > div:nth-child(2) > a,
.chatium_body > div:nth-child(7) > div:nth-child(1) > a,
.chatium_body > div:nth-child(7) > div:nth-child(2) > a
{
    font-size: 10px !important;
    padding: 10px;
    background: var(--lesson-zoloto-navigation-background)!important;
    border-radius: var(--traning-zoloto-border-radius)!important;
    color: var(--lesson-zoloto-navigation-text-color) !important;

}

.chatium_body > div:nth-child(6) {
    border-bottom: none !important;
}




/* Отступы блока комментариев в чатиум */
.chatium_body .simple-answer.user-answer {
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 20px;
}


/*Полоса разделения контента урока и шапки*/

.chatium_body .lesson-content {
    border-top: none !important;
    margin-top: 20px;
}




/* ========================================
Дополнительные настройки
======================================== */

/* Убираем полосу над контентом */
.content-menu,
.page-header {
    border: none !important;
}

.standard-page-content .page-header h1 {
    display: block;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu .user-answer a {
    color: #333 !important;
}

.btn-default {
    color: #333 !important;
}




/*Тект в редакторе*/

.redactor-editor p, .redactor-editor li {
    color:#222!important
}

/* Хлебные крошки */

.standard-logo .logo-text {
    display: none;
}

.taim_cod br,
.text {
    display: block;
}

.page-menu li a {
    color: var(--lesson-zoloto-link-color);
    font-weight: 500 !important;
}

.breadcrumb a {
    color: var(--traning-zoloto-nav-color) !important;
    text-decoration: none;
    font-family: var(--traning-zoloto-font-family-text);
    font-style: normal;
    font-weight: 500;
    font-size: 15px !important;
}

.standard-page-content h1 {
    font-size: 15px;
    margin-top: 0;
    font-family: var(--traning-zoloto-font-family-text);
    font-style: normal;
    font-weight: 500;
}

.page-header h1 a {
    margin-left: 10px;
    font-family: var(--traning-zoloto-font-family-text);
    font-style: normal;
    font-weight: 500;
    color: var(--traning-zoloto-nav-header-color);
}

.standard-page-content .breadcrumb > li + li:before {
    color: var(--traning-zoloto-nav-color);
}

.why-no-form {
    color: #fff;
}

.standard-page-content h1:before {
    position: absolute;
    content: " - ";
    white-space: nowrap;
    color: var(--traning-zoloto-nav-header-color);
    padding-left: 0px;
    padding-right: 3px;
}

.page-header {
    margin-top: 0 !important;
}

.breadcrumb {
    margin-bottom: 10px;
    margin-top: 10px;
}



.popover.fade.right.setting-editor-popover *,
.lite-page.block-set.block-set-editor.ui-sortable *{
    color: unset !important;
    font-size: unset !important;
}

/*правки под проект*/



/* Шапка урока */
.lesson-header-block.row-section,
.center-block {
    background: var(--lesson-zoloto-header-background)!important; 
    border-top: var(--traning-zoloto-border-top); /* Верхняя обводка */
    border-right: var(--traning-zoloto-border-right); /* Правая обводка */
    border-bottom: var(--traning-zoloto-border-bottom)!important; /* Нижняя обводка */
    border-left: var(--traning-zoloto-border-left); /* Левая обводка*/
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/

}

.main-lesson-container,
.xdget-lessonTitle,
.xdget-lessonTitle > div{
    border-radius: 30px 30px 0 0;
}


.center-block .content-row > div,
.main-lesson-container,
.main-lesson-container .col-md-12,
.center-block .content-row 
{
  border-radius: 0 0 30px 30px;  
}


.xdget-lessonContent > div > div > p > a,
.xdget-lessonContent > div > div > p > a:hover
{
   color:#fff!important; 
  border-radius: var(--traning-zoloto-border-radius)!important;/*Скругление углов*/

    
}


.simple-answer a, .can-control-extended a{
color: var(--lesson-zoloto-link-color) !important;
}